<template>

	<view class="item flex flex-direction align-center justify-center padding-xl">
		<view @click="toConsult" class="cu-btn round bg-uv lg kf-btn" style="background-color: #F53D46;color: #fff;">
			<uni-image class="image"></uni-image>
			Online Service
		</view>
		<view class="bg-yellow margin-top kfcon">09:00~22:00</view>
	</view>
</template>

<script>
export default {
	props: {
		work_time: {
			type: String,
			default: ''
		},
		onlinekefu:{
			type: String,
			default: ''
		}
	},
	methods:{
		toConsult(){
			uni.setStorage({
			    key: 'onlinekefu',
			    data: this.onlinekefu,
			    success: function () {
			        uni.navigateTo({
			        	url:'/pages/consult/index'
			        })
			    }
			});
			
		}
	}
};
</script>

<style lang="less">
.kf-btn uni-image,
.kf-btn ux-image {
	width: 23px;
	height: 23px;
	margin-right: 5px;
}
.image {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url('~@/static/iconkf.png');
}
.margin-top {
	margin-top: 14px;
}
</style>
